<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>String的查找拆分截取</title>
    <style>
        .fieldset {
            box-sizing: border-box;
            border: 5px 6px 7px 8px solid #999;
            padding: 10px 20px 30px 40px;
            margin: auto;

        }

    </style>
</head>
<body>
<form action="">

    <fieldset class="fieldset">
        <legend>1</legend>
        <fieldset>2</fieldset>
    </fieldset>

</form>


<script>
    var str = "hello world";
    var result1 = str.substring(0, 5); // 返回 "hello" 从第0位开始截取到第5个字符
    var result2 = str.slice(0, 5); // 返回 "hello"    从第0位开始截取到第5个字符
    var result3 = str.substr(0, 5); // 返回 "hello" 从第0位开始截取5个字符


    var example1 = str.includes(o);// 返回 true 判断是否包含o
    var example2 = str.startsWith(o);// 返回 true 判断是否以o开头
    var example3 = str.endsWith(o);// 返回 true 判断是否以o结尾
    var example4 = str.indexOf(o);// 返回 0 判断o在字符串中的位置
    var example5 = str.replace(o, 'o');// 返回 "Hello World!" 替换o为o
    var example6 = str.repeat(5);// 返回 "Hello World!Hello World!Hello World!Hello World!Hello World!" 重复5次
    var example7 = str.charAt(5)// 返回第5个字符 "o"


    var str1 = "abc_de_fghi_jk";

    var result = str1.split("_");// 返回 ["abc", "de", "fghi", "jk"]
    console.log(result);    // ["abc", "de", "fghi", "jk"]
    console.log(typeof result); // object
    console.log(Array.isArray(result));  // true
    console.log(result[1]);  // de
    console.log(result.length);  // 4

    // 传空 则拆分每一个字符
    var result2 = str.split("");
    console.log(result2); //  ["a", "b", "c", "_", "d", "e", "_", "f", "g", "h", "i", "_", "j", "k"]


    var num = 123.456;
    var num1 = num.toFixed(2); // 返回 "123.46"  返回指定位数的小数
    var num2 = num.toPrecision(2); // 返回 "1.2e+2"  返回指定位数的有效数字
    var num3 = num.toExponential(3); // 返回 "1.23e+02" 返回科学计数法表示的指定位数的有效数字
    console.log(num1);
    console.log(num2);
    console.log(num3);
</script>
</body>
</html>